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Foreword 



C ode Club is a movement of free, fun computing 
clubs that meet in over 150 countries all over the 
world. At Code Club, hundreds of thousands of 
young people - just like you - learn how to create with 
technology and have made their own games, animations, 
websites, and more. 

To get a computer to do things you want it to, you 
need to give it instructions in a language the computer 
understands. Creating those instructions is called coding 
or programming. 

In this book we show you how to use a programming 
language called Scratch, which uses blocks to tell the 
computer what to do. Each block contains an instruction 
that the computer understands. You put blocks together 
to make your program. Simple. 

Programming in Scratch is a great way to learn how to 
code. It's also really creative. You can create your own 
characters and backgrounds to make your project unique. 
You can remix and change existing projects. For example, 
you can make a game more difficult by speeding things 
up, or easier by slowing things down. The possibilities 
are limitless. 

In each chapter you'll find instructions for building a cool 
project with Scratch. Our friendly Code Club robot will 
guide you through and give you some handy tips. There 
are tick-boxes to help you keep track of your progress (we 
















love tick-boxes) and you can give yourself a big pat on the 
back when you finish each project. 

We've also included lots of challenges for you to change 
and personalise your projects and plenty of ideas to 
inspire you to create something new using the computing 
skills that you learn. 

Coding can be hard and even the world's best computer 
scientists get stuck sometimes. That's why we've included 
some special upside-down hints that you can use if you're 
really stuck. Only to be used in emergencies! 

Once you've completed the projects in this book, you 
can find loads more fun project ideas on our website 

rpf.io/ccprojects. 

You could also ask your teacher to set up a Code Club in 
your school using the letter on the next page. Don't forget 
to sign it and to complete the blank space we left to tell 
your teacher why you love coding! 

I really hope you enjoy this book and I can't wait to see 
what you create. 

Maria Quevedo 

Director of Code Club 









Fill out this letter and give it to your teacher 

if you would like to start a Code Club in your school. 



Dear 





've been learning how to code at home using the Code Club Book of Scratch, 
would love to keep coding at a Code Club in our school. I love coding because... 


Code Club is a global network of over 12 000 coding clubs for 9 to 13-year-olds. 
They provide free online projects, training, and resources to help teachers and 
educators run lunchtime or after-school clubs. 

You don't need any coding experience to run a club: Code Club's projects are 
really easy to follow and help pupils and teachers develop their programming 
skills. They are really fun and a great starting point for creating awesome games, 
websites, and animations! 


It would be so great to have a Code Club in our school, and I'd be happy to help! 
Here's what other teachers say: 



"I started a Code Club to give pupils a chance to try different things, 
as well as to explore their own ideas. Pupils have a natural love of 
creativity, technology, and challenge - Code Club ticks all these 
boxes and has provided me with an excellent platform to embed 
Computing in a school setting." 


If you'd like to find out more, visit codeclub.org 
From, 














Introducing Scratch 



Introducing 

Scrotchi^ 


Discover how to navigate Scratch's user interface 
and website to start coding and sharing projects 


Let me introduce you 
to the Scratch Cat... 
Hey, where did it go? 

Here puss! I promise 
not to delete you! 






























Introducing Scratch 


S cratch is a programming language that allows you 
to use code blocks to create animations, stories, 
musical instruments, games, and much more. It's a 
bit like programming using Lego! 


The easiest way to start programming in Scratch is to use 
the online editor. Visit scratch.mit.edu in a browser and 
click Create at the top of the page to get started. 



Create Explore 

Tips 

About 

0, Search 






Create stories, games, and animations 
Share with others around the world 




DIN SCRATCH 


SEE EXAMPLES 



A creative learning community with 31 , 342,657 projects shared 

ABOUT SCRATCH | FOR EDUCATORS | FOR PARENTS 


There are lots of advantages to working online, but if you 
prefer to work offline (or don't always have an internet 
connection), you can click Offline Editor at the bottom of 
the homepage to download Scratch instead. 




> 

Community 

Support 

Legal 

Community Guidelines 

Tips 

Terms of Use 

Discussion Forums 

FAQ 

Privacy Policy 

Scratch Wiki 


DMCA 

Statistics 

Contact Us 

Scratch Store 

Donate 






TIP! 

PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


rpf.io/book-sl-assets 

















Introducing Scratch 


The Editor 


Find your way around the Scratch editor... 





A project contains 'sprites' 
which you add code to. 
Sprites appear on the 
stage and can be coded 
to move around, make 
sounds, and do lots of 
other things. 


02: BLOCKS PALETTE 


Code blocks can be used 
to control your sprites 
and stage backdrop. All 
blocks are colour-coded, 


and can be found in the 
categories at the top of 
the blocks palette. 


03: SCRIPTS AREA 


Drag blocks from the 
palette to this area and 
create scripts by clicking 
them together. 

Add scripts to your 
backpack to use them 
in other projects. 
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05: SPRITE LIST 


12: MOUSE POINTER 
CO-ORDINATES 


This shows all of the 
sprites in your project. 
You can click the blue 
information icon on 
any sprite to change 
its name and how 
it behaves. 


06: BACKDROPS 


Change how your 
stage looks by adding 
new backdrops. 


07: FULL-SCREEN 


Make your stage 
full-screen so that others 
can see your creation in 
its full glory. 


08: PROJECT NAME 

09: START/STOP 
YOUR PROJECT 

10: CURSOR TOOLS 


Duplicate , Delete 
Grow H , and Shrink H 
a sprite (by clicking an 
icon and then a sprite 
on the stage). Click the 
Block Help tool [ , then 
a block in the palette to 
learn more about it. 


11: SCRIPTS/ 
COSTUMES/ 
SOUNDS TABS 



If you have a Scratch 
account, you can share 
your projects with 
the community. 


14: SEE PROJECT 
PAGE 


Add instructions and 
other notes to your 
project, and see how 
others in the community 
are interacting with it. 



Get project tutorials, 
tips on using Scratch, 
and learn more about 
how each block works. 



Use the menu to load, 
save, and browse your 
projects, and access loads 
of other useful options. 

tUlil'I.-WIIJJ 

This is where your 
projects are stored online. 


Switch between coding 
your project, and adding 
costumes and sounds. 
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Costumes Tab 
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Vector Mode 

Convert to bitmap 


01: NEW COSTUME 


Add costumes to a sprite 
by adding them from 
the Scratch library ❖ , 
drawing your own / , 
uploading an image from 
your computer £ , or 
using your webcam a to 
take a picture. 


02: COSTUMES LIST 


Your sprite's costumes 
will appear here, and you 
can click one to start 
editing it. 


This is the canvas where 
you edit a costume. 


04: COSTUME NAME 


You can change the 
name of a costume, 
so that you can find it 
more easily. 

You can use these tools 
to edit your image. You 
can add lines, shapes and 
text, as well as adding 
colour, and lots more. 


































06: UNDO/REDO 


Use these arrows to undo 
or redo your last action. 



Clear the current 
costume and start again! 



Add another costume 
image from the 
Scratch library. 



Add another 
costume image from 
your computer. 



Flip costume horizontally 
d?o or vertically & . 


11: COSTUME 
CENTRE 


Set your costume's 
centre, which is used 
when moving and 
rotating your sprite. 

Use these icons to 
zoom in and out of your 
costume as you edit it. 


13: BITMAP/VECTOR 
MODE 


The paint editor has two 
modes - Bitmap and 
Vector. In Vector mode 
(shown here), the editor 
lets you to edit shapes 
after you have created 


them, and your costumes 
and backgrounds will 
look really good when 
you make them bigger. 
When you create a new 
costume, the editor will 
be in Bitmap mode by 
default. In Bitmap mode, 
you can't easily move or 
resize shapes you have 
drawn, but some people 
find it easier to get 
started with. When you 
edit an existing costume, 
the editor will be in the 
mode that the costume 
was created with. 


14: COLOUR PALETTE 


Use this palette to 
choose a colour. 


15: COLOUR PICKER 


Use this to pick up a 
colour on your costume. 

Move this slider to 
change the line size used 
when drawing. 


17: COLOUR SWITCH 


Switch between two 
selected colours. 


18: SWITCH PALETTE 


Change the colour 
palette to 'advanced', 
to give you access to 
more shades. 
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Sounds Tab 


Change the sounds your sprites make 


Scripts Costumes Sounds 

New sound: 

^ A meow ■II 


*> <“ E 


^ j ^ EditT Effects'* 

Microphone volume: 


01: NEW SOUND 


You can add sounds to a 
sprite (or the stage) from 
the Scratch library ■< , by 
recording your own (if you 
have a microphone) f , 
or by uploading a sound 
from your computer d . 


02: SOUNDS LIST 


Your sprite/stage's sounds 
appear here, and you can 
click one to start editing it. 


03: SOUND NAME 


You can change the name 
of a sound, so that you 
can find it more easily. 


04: UNDO/REDO 


Undo or redo your 
last action. 


05: MICROPHONE 
VOLUME 


Adjust your 
microphone volume 
to record quieter or 
louder sounds. 


06: PLAYBACK 
CONTROLS 


Listen to your sound, or 
record a new one. 


Remix your sound 
by cutting, copying, 
and pasting. 

Add effects to your 
sound, such as fading in 
and out or reversing. 


09: SOUND WAVE 


This is what your 
sound looks like! You 
can select a part of 
your sound to edit by 
dragging over it using 
the mouse. 














Introducing Scratch 


Creating a 
Scratch Account 


Save and share your projects online 


Creating a Scratch account will allow you to save your 
projects online, so that you can access them from 
any computer with an internet connection. You will 
also be able to share your projects with the Scratch 
community and comment on other projects. To 
create a Scratch account, click Join Scratch. 

When coding online... 


• Don't use your real 
name when creating 
a user name. 

• Be respectful 
of others when 
commenting on and 
remixing projects. 

If you have a Scratch 
account, you can click 
File and then Save now 
to save your project. 
Once you've saved your 
project, it will appear in 
your My Stuff folder. 


Join Scratch Sign in 


You’ll 

need parental ^ 

permission to set up an 
account if you are under 13 
years of age. Read the community 
guidelines at scratch.mit.edu/ 
community.guidelines before 
creating an account. a 



i (untitled 

File^ Edit^ Tips About 1 

New 

j.i byRPiFo^ 

S_ 

r^Save now 

Save as a copy 

Go to My Stuff 

Upload from your computer 

Download to your computer^ 


To access your stuff from 
within a project, click File 
and then Go to My Stuff. 

You should see a list of all 
of your projects. 

























SAVING PROJECTS WITHOUT 
A SCRATCH ACCOUNT 


If you don't have a Scratch account, you can still save 
your Scratch projects by clicking File and then Download 
to your computer. You will then be asked where to store 
the Scratch project, which will be a ,sb2 file. This will 
download your project from the Scratch editor. 



File ▼ Edit ^ Tips About 


Upload from your computer 


Download to your computer 


j 


To continue working on your project, go into the 
Scratch editor and click File and then Upload from your 
computer. Find your Scratch ,sb2 file and click OK / 
Open. This will upload your project to the Scratch editor. 



The Scratch community 

One of the great things about programming in Scratch 
is that you get to be part of a community of millions of 
people around the world, all creating and sharing their 
ideas with each other. 
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FINDING PROJECTS 


To see what others in the Scratch community are making, 
click Explore in the top menu of the website. You can 
look for popular or recently created projects, as well as 
searching by keyword, such as 'Games' or 'Tutorials'. You 
can use the search bar if you are looking for something 
in particular. 



Once you've found a 
project you like, you 
can click the green flag 
to play it. Below the 
project are buttons to 
favourite/love a project 
or to report a project 
if it is inappropriate. 

You can also leave a 
comment, and click 
See Inside if you want 
to see the code. 

If you find someone 
whose work you like, 
you can click their 
user name and then 
click Follow. You 
will then be notified 
when they create 
something new. 





RPiFoundation ▼ 




‘ve been doing 

eClubRik shared the project High 

3 weeks ago 

?ClubRik shared the project H 




























Introducing Scratch 



You can use other Scratch projects to get ideas, and use 
them as a starting point for your own creations. If you 
have a Scratch account, you can click Remix on a project 
to save your own copy. 



Sharing 

Sharing your projects with the Scratch community allows 
others to enjoy your awesome creations. Projects aren't 
shared with the community unless you want them to be, 
and you can share 
projects by clicking 
the Share button at 

the top-right. ^ ^ J 




Cl RPiFoundation^ 


i Share > See project page 


Boat Race 

hy CnrieCJiihRik 


if) See inside 


* • 



Instructions 

use tne mouse pointer to play. 

Get to tire desert island, and avoid the wooden obstacles! 
Tne white arrows doom your boat. 


Notes and Credits 

This project teaches how to use various ■sensing' b 


- 'key pressed? 1 : 

- distance to mouse pointer: 
touching color... 7. 


® snared: 24 May 2015 


Modined: 10 Apr 2018 


^ /0 101 studios hmocd 



O 48508 

* 

• Comments (0) 

©■> Remixes (243) 


□ Turn off commenting 





Boat Race Now... 
by birdcatcrt 






Before sharing your project, it's a good idea to check the 
project page to make sure the community have all the 
information they need to use your project. You can add 
instructions to tell others how to use your project, and credit 






















Introducing Scratch 


other people who have helped you (especially if you've 
remixed a project). 


Once shared, others in the community will be able to 
comment on your project, although you can disable 
comments if you prefer. Comments are really useful for 
improving your project by finding out what people do 
and don't enjoy. You can also see how many people have 
viewed, favourited, and loved the project, as well as how 
many have remixed your project. 


Tips for Scratch coding 

If you're not sure what a 
code block does, you can 
right-click and select help to 
learn more about it. You can 
also just click the block to see 
what it does before adding it 
to a script! 


If you need a bit more help. 
Scratch has a help section 
that includes: 

• Step-by-step 
instructions for making 
animations, stories, 
music, and games 

• A 'How to' section that 
shows you how to 

do specific things in 
your project 

• A'Blocks'section that 
explains what each of the 
blocks do 


If you are not sure how to do 
something, you can also ask 
others for help. Maybe they 
had the same problem as you! 



Events 
Control 
Sensing 
Operators 
More Blocks 



























Test your code regularly, to make sure your code does 
what you want it to. You will find it much easier to fix 
problems in your code if you test each time you make a 
change to your code. 


Get others to try out your projects, and ask them 
what they like about your project and what they 
would improve. 


You can add comments to a script by right-clicking on 
a block and selecting add comment. It's a good idea to 
comment a script to explain what it does, so that others 
will know what your scripts do. It's also useful in case you 
forget what your code does! 



This script makes 
the sprite jump up 
and down 4 times. 


j 



To delete blocks, drag 
them over the palette 
area. Don't worry if 


| Looks 
| Sound 
| Pen 
I Data 


Events 

Control 

Sensing 


you accidentally delete 
blocks you need: you 
can click the File menu 
and then undelete to 
get them back! 


Operators 
More Blocks 



You can right-click on 


a block and choose 

duplicate to make a 


m mama 


copy of that block and 



the blocks attached 




J below it. 

















Introducing Scratch 



Dragging blocks to another sprite makes a copy of them. 
This is useful if you need similar code in another sprite. 


Sprites 


Stage 
1 backdrop 

New backdrop 



New sprite: ❖ / £ 


If you can't find the 
blocks you need to 
control a sprite, for 
example the Motion 
blocks, it may be 
that you have the 
Stage selected. 


Scripts Backdrops sj 

Motion 

1 Events 

| Looks 

| Control 

| Sound 

| Sensing 

| Pen 

| Operator 

| Data 

| More Blo< 

Stage selected: 


No motion blocks 

l 







































Rock Band 



Rook Bond 

Create your own virtual rock band by coding 
a selection of musical instruments 


It's time to 
start coding! 

Let's create a musical 
masterpiece! 


In this chapter, you'll be creating 
musical instruments that play 
sounds when you click on them. 
You'll learn how to add sprites 
to a project and change their 
costumes, as well as how to 
add your own sounds and 
music to your projects. 


So get ready to make 
some noise! 








Rock Band 


FINISHED PROJECT 



STEP 1: SPRITES AND THE STAGE 


Let's start by taking a look at 
the Scratch project. 

□ In a web browser, go to rpf.io/book-rockband to 

open the Rock Band Scratch project. Click Remix. 

If you'd prefer to use Scratch offline, click File —> 
Download to your computer in the Scratch online editor. 
You can then open the project in the offline editor. [See 
the 'Introduction to Scratch’ chapter for more information 
on using Scratch offline.] 

The stage is at the top-left of the editor, and is where the 
action happens. Think of it as a performance area, just like 
a real stage. 


mmii.iiuiimm 

• Sprites 

• Costumes 

• Events 

• Sequencing 
instructions 

• Sound and music 


TIP! 

PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


This project contains sprites which you can add code 
blocks to. Sprites appear on the stage and can move 
around, make sounds, and do lots of other things. 


rpf.io/book-sl-assets 




















Rock Band 


TIP! EVENTS 



when this sprite clicked 


when space key pressed 





Events 

blocks are used to tell 
sprites when to run some code. 
Scratch has lots of Events blocks, 
for running code when a project 
starts, a sprite is clicked, a key 
is pressed, and more. 


“| If you want to 
change the stage 
backdrop, click 

the Choose 
backdrop from 
library icon and . 

select your own 

r 

Sprites 



$ 

t 

Stage 

[ 1 backdrop J 

Singing R... Mic 

New backdrop: 

Die 



Choose backdrop from library 


from the library. 





You can add a new 
backdrop to the project 

._ J 
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STEP 2: CODE A DRUM 


Let's code your drum to make music when it's hit. 


Select your Drum sprite and click the Scripts 
tab. You should see lots of colour-coded 
blocks that can be used to control your robot. 
Click on the Events category and then drag a 

Q block from the blocks 
palette into the coding area to the right. 


Costumes Sounds 


| Sensing 
| Operators 
| More Blocks 


when this sprite clicked 


when space key pressed 


when this sprite clicked 



Drag the block to the right and drop it in the coding area 
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Rock Band 



TIP! SEQUENCING 


When 

writing computer 
code, it’s important that the 
instructions to carry out are placed in 
the correct order. In a Scratch script, the 
blocks carry out their instructions in 
l order from top to bottom. 




□ Any code that you attach to your Events block 
will be run in order when you click your drum 
: sprite. To play a sound, click the purple Sound 
• category in the Scripts pane, to show all the 
: Sound blocks below. Drag a OD block 
• into the coding area, attaching it to the bottom of 


when this sprite clicked 


Scripts Costumes Sounds 


| Motion 

| Events 

| Looks 

| Control 

Sound 

| | Sensing 

| Pen 

| Operators 

| Data 

| More Blocks 



Drop the play drum block just underneath the 
when this sprite clicked block so that it connects to it 


r 

■ TEST YOUR PROJECT 

Click on your drum sprite and you should hear a sound. 

L 































Rock Band 



A 



0 HOWTO... 


HIT IT 

Can you code your 
drum to make a sound 
when the SPACE bar 
is pressed? 



ALTER YOUR DRUM 

Want to change the sound that your drum makes 
when it's clicked? 




It's easy to change the sound 
of the drum in the 
block. Click the down arrow 
next to the drum number to see 
a list of different drum sounds 
to choose from. 





































Rock Band 


STEP 3: ADD A ROBOT SINGER 


Let's code your robot sprite to make 
a sound when it's clicked. 


□ 


Click on your robot sprite and then add a 

Events block from the 
blocks palette, just like you did with your drum. 


A* 


Motion 

Events 

Looks 

| Control 

Sound 

| Sensing 

Pen 

| Operators 

Data 

| More Blocks 



As before, drag the block to the right and drop it in 
the coding area 


□ 


Drag a block into the 

coding area, attaching it to the bottom of the 

block. 


when this sprite clicked 


| Looks 

| Pen 
| Data 


| Control 
| Sensing 
| Operators 
| More Blocks 


play sound human beatboxl 


play sound human beatboxl until d 


when this sprite clicked 
play sound human beatboxl until doi 


roTsT^S 

























Rock Band 


0 HOWTO... 


EDIT SOUNDS 

Want to change the sound that your robot makes? 



Costumes ^Sounds 


•< 4 £ 


| human beatboxl 


•> <*• 


<- \ 

human beatb... 

00:04.70 J 



Edit ▼ Effects ▼ 


► ■ • 

Microphone volume: 


First, click on the ‘Sounds' tab at the top 
of the editor. Using the Effects drop-down 
menu, you can make the sound louder, softer, 
or even reverse it! In addition, you can add 
other sounds from the Scratch library, record 
your own, or upload them, using the icons 
under ‘New sound:'. 





















Rock Band 


STEP 4: COSTUMES 


Let's make your robot look like it's singing! 


TIP! COSTUMES 





Click on your 
robot sprite and 
then click on the 
Costumes tab 
at the top of the 
editor. You'll see 
that the robot has 
two costumes. 



Click the Costumes tab 


□ Click the Scripts tab to get back to your code. 
Click the Looks category and then drag two 
blocks into your code. Make 
• sure that your robot first displays the robot-b 
: costume, plays a sound, and then switches back 
: to robot-a. 




r Sprites 

in Scratch have a 
number of costumes, and 
you can code sprites to switch 
between costumes to change how 
sprites look. Scratch includes a 
library of costumes, or you can 
even draw your own. 





TEST YOUR PROJECT 


Click your robot to test it. The robot should now change costume, 
play a sound, and then change back to the first costume once the 
sound has finished playing. 








































Rock Band 


CHALLENGE 


EDIT COSTUMES 

Want to change how the robot looks when 
it’s singing? Click the Costumes tab, 
then select the robot-b costume. You can 
then use the paint editor tools to alter 
it. Currently, it simply has three lines 
coming from its mouth, drawn using the 
line tool. You can use editing tools, such 
as the pencil, to make more changes to 
your robot. 


1 



STEP 5: PLAYING A TUNE 


Let's add a new piano sprite that plays a tune 
when clicked. 

□ Click the Choose sprite from library icon just 
below the stage to add a new sprite from the 
: Scratch library. 



Click this icon to add a 
sprite from the library 


□ Click the Music theme, select the Piano sprite, 
and then click OK to add it to your project. 



Druml 



Drum2 


The piano is too large to fit on the stage easily, so 
;; click the Shrink icon - in the tools to the right of 
: 'About' in the top bar - and then click repeatedly 
: on the piano on the stage to reduce its size. 




msm 


Piano 


Piano-Electric 


You'll find the piano 
in the Scratch 
sprites library 





































Rock Band 


□ 


Now add some 

play not 

blocks under a 

^when this sprite 

; clicked 

block to play a song/tune 


when the piano sprite is clicked. 





TIP! PLAY NOTE BLOCKS 


The numbers in the play note blocks relate to 
musical notes: number 60 is 'Middle C\ and the higher 
the number the higher the note! If you click the arrow 
next to the number, a keyboard will appear below the 
block, to help you choose the notes for your tune. 



TEST YOUR 
PROJECT 

What music is played when the piano 
sprite is clicked? 







CREATE YOUR 
OWN TUNE 

Can you change the 
notes played, and 
create your own tune? 






















































Rock Band 


Grab 

a when loudness 

block, click the down arrow 
on it, and select video motion. 
Add a play drum block, then 
wave your hand to test it! 



0 HOWTO... 


USE WEBCAM INPUT 

If you have a webcam, you can use it to play 
instruments when you move over them! 



(§) CHALLENGE 


MAKE YOUR OWN BAND 

Can you use what you've learnt in this chapter to make 
your own band? Look at the available sounds and 
instruments to get some ideas, or you could even draw 
your own. Your instruments don’t have to be sensible - 
you could make a piano made out of doughnuts! 






































ROCK BAND: FULL CODE LISTING 


DRUM 

When the drum sprite is clicked, 
a drum beat is played. 


when this sprite clicked 


play drum for 



This Sound block plays 
the chosen drum sound 
for 0.25 beats 


ROBOT SINGER 


When the robot is clicked, it changes its costume 
before playing a sound. Once the sound has finished, 
the robot changes back to the first costume. 


This block waits until the sound 
has finished playing before 
moving on to the next one 


when this sprite clicked 


switch costume to Robot-b 


play sound human beatboxl until done 


switch costume to Robot-a 



PIANO 

When the piano is 
clicked, four notes 
are played one after 
the other. 


when this sprite clicked 
play note for 

play note for HP 

play note for 


Dlav note for 
















Rock Band 


SOUNDBOARD 


INTERACTIVE BIRTHDAY CARD 


*a/)py Birthday! 


Fancy heading 
out into space? 

Turn the page to 
find out how... 


ABOUT YOU 


Click on something 
to learn more 


Hello! 


Click on something to learn more about it 


Fill the stage with lots 
of different sprites 
that make a noise 
or play some music 
when clicked. 


Create a project to tell 
people more about you. 
You could add sprites for 
your favourite hobbies 
and interests, and use 
say blocks to talk about 
them when the sprites 
are clicked. You could 1 
even use lots of say 1 
blocks to tell a story! u 


when this sprite clicked 
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There are ten differences between these two images. 

Can you spot them all? Answers on page 110. 
































































Lost in Space 


Create your own space-themed animation, 
including spaceships, asteroids, and floating 
space-monkeys 


Time to launch 
your next project! 

We're heading to outer 
space for this one! 


In this chapter you ll learn how to 
use loops to animate sprites. You'll 
code a spaceship that travels back to 
Earth, a floating monkey astronaut, 
an asteroid, and a shining star. 


O O 


PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


rpf.io/book-sl-assets 


Moving sprites 
around the stage 

Repetition (loops): 
block 
9 block 


7 
























Lost in Space 


FINISHED PROJECT 



STEP 1: ANIMATE A SPACESHIP 


Let's start by making a spaceship 
that flies towards the Earth. 


□ 

6 


In a web browser, go to rpf.io/book-lostinspace to 

open the Lost in Space project. 


Click on the 
Spaceship sprite 
and add the 
following code: 




when clicked 

go to x: d»ftl y: BM 

point in direction 

say for Q se 

3 

point towards Earth 

[ _ 

glide O secs to x: 






































Lost in Space 




If you 

dick the down arrow in 
the point in direction block, you 
can see that there are numbers that 
represent directions. 


TIP! 1 

CO-ORDINATES 


The numbers in the 
and 

blocks are x and y 
co-ordinates for setting 
a sprite’s position on the 
stage. You’ll learn more 
about co-ordinates in 
the ’On Target' chapter. 


TEST YOUR PROJECT 

To test your code, you can either click on the green flag just 
above the stage, or just click on the script itself. You should see 
your spaceship sprite speak, turn, and move towards the Earth. 


-90° 


135 ° 


-135 


This number is the angle that a 
sprite is facing (in degrees). You can 
enter any number between 0 and 180 
clockwise, or 0 to -180 anti-clockwise. 


r i 

Directions in Scratch 
0 ° 




180° 

-180° 


% What number would you need 

_2 to enter <nthe(B&Qma 

block for the spaceship sprite to 
face this way? 


SPEED 
UP YOUR 
SPACESHIP 

Can you make the 
spaceship move faster 
(or slower) towards 
the Earth? 


HINT! 

























































Lost in Space 


STEP 2: ANIMATING USING LOOPS 


Now that you know how to write code to move 
sprites, let's use a 'repeat' block to create more 
interesting animations. 


I Delete the gjjgg block from your spaceship script 
by right-clicking on the block and clicking delete. 

: You can also delete code by dragging it off the 
j script area, back into the blocks palette on the left 
: of the editor. 


when 


go to x: 


clicked 


□ 


point in direction 


point towards Earth 

glide O secs to “■ * 

duplicate 


delete 


add comment 


Once you've 
removed the 
029 block, add 
a block 

inside a 

block instead. This 
code will move 
your spaceship a 
small amount, lots 
of times! 






















Lost in Space 


TIP! 

REPEAT BLOCKS 


repeat »PH1 

move s 

■ 

teps 

■ 

turn (\ <E 

1 degi 

'ees 

next costurr 



r A repeat block runs 

the code inside it repeatedly, 
a set number of times, or until a 
certain condition is met. Repeating 
code lots of times is sometimes called a 
loop', as the code loops back to the start 
of the repeat block once it gets to the 
l end. A forever block repeats the 
W code inside it forever. 


K i 



□ 

v 


If you click the green flag to try out this new code, 
you'll see that it does pretty much the same thing 
as before. 


In your new code, how many times does your 
spaceship move? ^ j 


□ 


How many steps does your spaceship 
move each time? ^ 

You can add more code 
to your loop, to change 
how your spaceship 
looks as it moves. Add 

thecmms 

block (from the Looks 
category), to repeatedly 
change the spaceship's 
costume as it moves. 




Click the green flag 
to test your new 
animation. 


□ 


As well as changing the 
spaceship's costume, 
you could also make it 
appear to get smaller 
as it moves towards 
the Earth. 










































Lost in Space 


TEST YOUR PROJECT 

Your spaceship should slowly get smaller 
as it moves towards the Earth. 





What happens if you click 
the flag a second time? 
Does your spaceship 
start the right size? 

You might also notice 
that sometimes your 
spaceship starts out using 
the wrong costume. 


Can you add these blocks to the start of your 
animation to fix the problem? 



switch costume to Spaceship-a 




(5) DEBUG 


DEBUG YOUR CODE 

Problems with your code are called ‘bugs', and spotting 
and fixing those problems is known as ‘debugging’. When 
writing code, you might often find that your projects don't 
do what you want them to do first time. 

Having a bug in your code is nothing to worry about - it 
happens to programmers all the time! In fact, fixing bugs 
is a great time to learn more about coding and how your 
project works. 












Lost in Space 


STEP 3: FLOATING MONKEY 


Now we'll add a monkey to your animation, 
who's lost in space! 


□ 


Let's start by making the monkey look more like 
an astronaut! Click on the Monkey sprite and then 
click the Costumes tab. Click the Ellipse tool in the 
paint editor and choose a colour which will show up 
against the stage backdrop. 




Clear Add Import 


H olo + 

* 



Vector Mode 
Convert to bitmap 


1 I Use the Ellipse tool to 


draw a space helmet 

S' N 

| around the monkey's 


: head, by clicking and 


| dragging the mouse. 



/ /\ V 



























Lost in Space 


Next, click the 
t Scripts tab and 

• add code to the 
: monkey, so that 

• it spins slowly in 
: a circle forever. 




■ TEST YOUR PROJECT 


Click the flag to test your monkey sprite. 






As you've coded the animation to 
run forever, you'll have to click the 
red stop button (next to the green 
flag) to stop this animation. 




STEP 4: BOUNCING ASTEROIDS 

L_ J 


Let's add some floating 
space-rock to your animation. 




go to front 


I Click on the Asteroid 
sprite and add this code to 
: make the asteroid bounce 
• around the screen. 


t - 

point towards 

-^ 

Earth 

forever 



move o steps 
if on edge, bounce 



IMPROVE 
YOUR MONKEY 
ANIMATION 

Can you make your 
monkey sprite 
spin faster? 

Can you make the 
sprite get smaller 
as it spins, so that it 
looks as though it’s 
floating away? 






j 
































Lost in Space 


@ DEBUG 


DEBUGGING 
YOUR STAR 
SPRITE 

If your star sprite ends 
up getting too big or too 
small, you can add a ‘set 
size’ block at the start 
of your script to reset 
its size. 



MAKE 

YOUR OWN 
ANIMATION 

After you've finished 
your space animation, 
click File and then New, 
to start a new project. 

Use what you’ve learnt 
in this project to make 
your own animation. 

It can be anything you 
like, but try to make 
your animation match 
the setting. 


■ TEST YOUR CODE 

If you click the green flag to test 
/i\ your asteroid animation, you should 
m see it bounce around the stage. 


♦ 



STEP 5: SHINING STAR 


Let's combine loops to make a shining star. 


□ 


Click on the Star 
sprite and add this 
code to make the 
star slowly get 
larger and then 
smaller again. 


□ 


□ 


Test your code; 
your star sprite 
should slowly 
get larger and 
then smaller. 

To make the 
star change size 
repeatedly, you 
can add a I 
block around 
the code. 





when clicked 

J 

forever |H 


repeat 


change size 

by 1 

> 

repeat 


change size 

by 1 

> 

1 


3 

□ 










































Lost in Space 


LOST IN SPACE FULL CODE LISTING 


SPACESHIP 

The spaceship launches and then heads for Earth. 


when clicked 

set size to m»l % 

switch costume to Spaceship-a 

go to x: riMfl y: d 

point in direction This loop makes the spaceship 

move repeatedly while switching 
costumes and getting smaller 



STAR 

The star twinkles in the 
night sky. 



ASTEROID V 

This piece of 
space-rock bounces 
around the screen. 


when did 


go to front J 


point towards 

Earth 

► 

forever 

i 

move Q st 

eps J 

if on edge, 1 

bounce 1 


\ 


Whenever the sprite hits 
the edge of the stage, it'll 
bounce off 


MONKEY 

The astronaut monkey 
is set to spin forever 
in space! 




Two repeat loops cause the star 
to get bigger, then smaller again 



























Lost in Space 


Now You Could Make 

With the skills you've learnt, why not try these projects? 


••• 



Animate balloons and 
create multicoloured 
disco lights. You could 
even create some 
party music. 



when clicked 
forever 

change color effect by 
wait O secs 


WALKING SPRITES 


Some sprites, such as 
'Pico walking', have a set 
of costumes for creating 
a walking animation. 


when clicked 
forever 

move Q steps 
next costume 
wait lib secs 


DANCE MOVES 


Code a sprite to dance along to some 
music by changing costumes and 
moving around the stage. 



when clicked 

repeat Q 

switch costume to AZ top L step 
wait O secs 

switch costume to AZ top R step 
wait secs 


switch costume to AZ pop down 
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Lost In Space 
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Want to code a 
ghoulish game? 

Turn the page 
if you dare... 








Ghost Catcher 



@hos£ Catcher 


Create a ghost-catching game, in which players 
score points by clicking on sprites as they move 

around the stage 


Let's go catch 
some ghosts! 

Have fun making your 
own spooky game! 


You'll make use of a 'variable' to 
keep track of the player's score as 
they gain (and lose) points. You'll 
also create a timer, so that players 
are in a race against time. 




















Ghost Catcher 



FINISHED PROJECT 


A timer counts down from 
10 seconds... the game ends 
when the timer reaches 0 


Click ghosts to catch 
them as they appear 
on the stage 


Each ghost caught adds 
1 to the player's score 


STEP 1: ANIMATE A GHOST 


Let's start by animating a ghost. 


□ 


□ 


Open a web 
browser and go to 

rpf.io/book-ghostcatcher 

to open the 

Ghost Catcher project. 

Click on the Ghost sprite, 
and add code to make 
it repeatedly appear 
and disappear forever. 




To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


rpf.io/book-sl -assets 

tui!i.u | j.nuiiirii. l i 

Variables 

• Random numbers 


5 : 



































Ghost Catcher 


r 

■ TEST YOUR 

T 

PROJECT 


Click the green flag to test your 

/•* 

code. You should see your ghost 

A 

appear and disappear every second. 

j, 



MORE 

RANDOMNESS 

Can you make your 
ghost appear on the 
screen for a random 
amount of time? Can 
you make the ghost a 
random size each time 
it appears? 


W' 

I I I I K ITI 1 


HINT! 




STEP 2: RANDOM GHOSTS 


Move your ghost around 
the stage, so that it's 
harder to catch! 


□ 


Instead of staying in the 
same position, you can 
let Scratch choose a 
random position for the 
ghost sprite before it 
appears each time. 



□ 

□ 


Test your code. Does your ghost 
sprite move around the stage? 

Your ghost always waits exactly 1 second 
before appearing 
and disappearing. 

To change this, grab 

a(BB 

block from the 
green Operators 
category and 
place it inside the 
first ffTTH block, 
replacing the 1. 





























Ghost Catcher 


□ 


Your ghost will now wait anywhere between 
1 and 10 seconds before appearing, which 
is a long time! 

Change the 
numbers in your 

eaama block 

until you're happy 
with how often 
your ghost appears. 



STEP 3: CATCHING GHOSTS 


Let's allow the player to catch ghosts! 

1 Add code to allow 
the player to catch 
a ghost. 



Test out your project. Can you catch ghosts as they 
appear on the stage? 





CHALLENGE 


ADD A SOUND 

Can you play a sound 
each time a ghost 
is caught? 
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Ghost Catcher 


TIP! VARIABLES 



A variable — 

is a place in a computer's 
memory to store data r such 
as numbers or text. Each variable 
is given a name, so that the stored 
data can be accessed and 
changed later. 



STEP 4: ADD A SCORE 


Let's make things more interesting by keeping score. 


□ 


To keep the player's 
score, you'll need to 
create a variable. Click 
the bright orange Data 
category in the blocks 
palette and then click 
Make a Variable. 


□ 


□ 


You should now see 
lots of code blocks that 
can be used with your 
variable. 


□ 


You'll also see the 
score in the top-left 
of the stage. 



Scripts Costumes Sounds 


| Motion 
| Looks 
| Sound 
| Pen 


Events 
Control 
Sensing 
Operators 
More Blocks 


Make a Variable 


Make a List 


Type score as the name 
of the variable, make 
sure that it is available for 
all sprites, and click OK 
to create it. 






New Variable 

\ 


Variable name: score 
® For all sprites O For this sprite only 
r Cloud variable (stored on server) 
Cancel 
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When a new game is started (by clicking the flag), 
you should set the player's score to 0. Add this code 
to the Stage in order to set the score at the start of 
the game. 



Whenever a ghost is caught, you need to add 
” 1 to the player's score. Add this code to your 
j Ghost sprite. 



.<$ * ... Ill BL ._ llllli. ... . ■ ... . H B. *, 


TEST YOUR PROJECT 

Test your program and 
try to catch some ghosts. 

Does your score change 
each time you click 
on a ghost? 






















Ghost Catcher 


STEP 5: ADD A TIMER 


You can make your game more interesting, by only 
giving your player 10 seconds to catch as many 
ghosts as possible. 

You can use another 
variable to store the 
remaining time left. Make a 
new variable called 


J This is how the timer should work: 

• The timer should start at 10 seconds; 

• The timer should count down every second; 

• The game should stop when the timer gets to 0. 

Add the following new script to your Stage. The 
block is found in the Operators category. 






Drag your variable 
display to the right side 
of the stage. You can also 
right-click on the variable 
display and choose large 
readout to change how 
the time is displayed. 


















Ghost Catcher 



Ask a friend to test 
your game. Change 
the numbers in your 
game if they found it 
too easy or too hard. 


What numbers 
_^ did you decide on? 








§» CHALLENGE 


MORE OBJECTS 



Can you add other objects to your game? You 
can right-click on the sprites in the sprite list 
and click ‘show’ to make them appear on the 
stage. You don't have to use those sprites, 
though: you can add any other sprites you 
want from the Scratch library. 


L 


duplicate 

delete 

save to local file 


show 



Before you get started, you 
could complete the table below. 




r 

What size 
will it be? 

How often 
will it 
appear? 

What happens 
when it has 
been caught? 

How many points 
will you score (or lose) 
for catching it? 

GHOST 

Be+ween 4 0 % 

and %> 0 % 

Be+ween evehy 

CU and I.S seconds 

Plays a 
'pop' sound 

1 poin+ scored 











s_ 




-J 

































Solve the fiendish cryptic clues to find monsters. 
Place them in the grid to reveal another ghastly 
creature in the shaded squares. 



Answers on pllO 


□□□□□ 

^ □□□□□□□□ 

3 □□□□□ 

4 □□□□□ 

*□□□□□ 

«□□□□□ 
□□□□□□ 



1 Charming host 
conceals apparition 

2 We're wolfing down 
food, hairy howler 

3 Evil spirit hidden in 
crude montage 

4 Mum, my ancient 
Egyptian is bandaged 

5 Ugly cave dweller 
takes a stroll outdoors 

6 Rude, vile rascal 
with horns! 

7 'I've got a bun! Yippee!' 
yelled Australian 
swamp monster 


3 HINT! 

\ 











Ghost Catcher 


GHOST CATCHER FULL CODE LISTING 


STAGE 


GHOST 


The Stage scripts reset the score 
to zero and handle the timer. 


The Ghost sprite has two scripts: one 
to make it appear in a random position, 
and another for the player to 'catch' it. 



when clicked 
forever 



hide 

wait pick random |j|f to 

go to random position 

show 

wait O secs 

































Ghost Catcher 




VOTING APP 


Create a sprite and a variable for 
each choice, and let your friends 
vote on their favourite! You could 
even add a reset button to set the 
votes back to zero. 


PLAYER CHOOSER 


Allow players to randomly 
choose a character by 
randomly changing its 
costume when the sprite 
is clicked. 


Now You Could Make~. 


With your new coding skills, you could try these projects... 


when this sprite clicked 
switch costume to pick random to 

set player chosen to costume name of Player 

say player chosen for Q secs 


when this sprite clicked 


change dog votes byO 


set fisheye 

effect to ^{<1 


play sound 

dogl until done 

set fisheye 

effect to O 
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Use pick random 
blocks with blocks 
from the Pen category 
to create unique works 
of art! 

when this sprite clicked 
pen down 
repeat pick random to 

move pick random 4!il to fill steps 
turn (X pick random to degrees 

change pen color by pick random to 4!il 






Need to talk 
to someone? 

Turn the page to 
create a chatbot... 

















Chatbot 



Cehafiboi 


Create your own talking character that asks questions 
and responds to the answers you give it 


Program your 
own chatbot! 

It's just like talking to 
a real person! 


You will learn how 
to add 'selection' to 
your code by using if 
and if...else blocks 
to change how your 
character responds, 
depending on the 
answers given. 








•K 


FINISHED PROJECT 



Hey! What's your 
name? 




The character asks the 
user questions 


A box appears for 
the user to enter 
their answer 





Zap| 


Your chatbot can be any 
sprite you like, but should 
have four costumes 


STEP 1: YOUR CHATBOT 


Choose your character's personality and look. 

^ Before you start making your chatbot, you 
^ need to decide on its personality. Think about: 


What is their name? 


Where do they live? 


Are they happy? serious? funny? shy? friendly? 


What do they like and dislike? 



To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 

rpf.io/book-sl -assets 


Selection (Q and 
blocks) 


Keyboard input 
using the 
block 

Using the [QQJ 
block to join text 
together 
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Open a web browser and go to rpf.io/book-chatbot 
to open the Chatbot project. Click the Remix button. 


There are two characters in the sprite list: Chatter 
and Natter. If you prefer to use the Natter sprite, 


then you can right- 
click and show the 
sprite. You can also 
right-click to hide 


Sprites 


New^ 





A 

n 


Stage 

Chatter 

Natter — 


the Chatter sprite. 

backdrops 

\i backdrop: 

/da a 



duplicate 

delete 



I 

save to local file 





show | 


Choose a stage backdrop to match 
your chatbot's personality. There are 
already two to choose from, or you 
can select a different backdrop from 
the Scratch library. We're sticking 
with the Outside backdrop 



STEP 2: A TALKING CHATBOT 


Now that you have a chatbot with a personality, 
let's program it to talk to you. 

Click on your chatbot character, and add this code: 


^ ^ 

when this sprite clicked 


ask 

Hey! What’s your name? 

and wait 


What a lovely name! 


The ask block waits for the user to enter an answer 
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Click your chatbot to test it out. When you are asked 
LpJ your name, type it into the box along the bottom of 
: the stage. 



□ Your chatbot simply replies 'What a lovely name!' 
every time. You can personalise your chatbot's reply, 
: by making use of the user's answer. Change the 
: chatbot's code, so that it looks like this: 



A 


(§) DEBUG 


DOES IT WORK? 

Test out this new program. 
Does it work as you 
expected? Can you fix any 
problems that you can see? 


HINT! 




TIP! 

COMBINING 
BLOCKS 


To create that last block 
in the script, you'll need 
to first drag a green 
block, and drop it 


on to the 


block. 



You can then change 
the text 'hello' to say Hi, 
and drag the light blue 
y block (from 
the Sensing category) 
onto the text 'world'. 
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□ If you store the answer 
in a variable, you'll 
• be able to make use 

: of it throughout your 

j project. Create a new 
variable called 


You should also see 
your new variable in the 
top-left of the stage. 




□ Once you've created your new variable, 
edit your chatbot's code to look like this: 



□ If you test your program again, you'll notice that the 
answer is stored in the variable, and is shown 

in the top-left of the stage. (To hide this, just untick 
the tick-box next to^^^^ in the blocks palette.) 


STEP 3: MAKING DECISIONS 


You can program your chatbot to decide 
what to do, based on the user's responses. 

1 Let's get your chatbot to ask the user a question 
which has a yes or no answer. Here's an example, 
but you can change the question if you like: 










































• nr 



Notice that now you've stored the user's name 
in a variable, you can use it as much as you like. 



TIP! IF AND IF... ELSE BLOCKS 


So far, the scripts you've written have performed exactly the 
same task each time they are run. and blocks 

allow your scripts to decide what to do next. 

An block includes a condition, and the code inside the 
block is run only if the condition is true. If the condition is 
false (not true), then the code inside the block is skipped. 


An^^^S block will jr 
always run either the 
first or second set of 
blocks. If the condition 
is true, then the first set 
of blocks is run. If the 
condition is false, the 
second set of blocks 
is run instead. 









































MORE 

DECISIONS 

Program your chatbot 
to ask another question 
- something with a 
yes or no answer. Can 
you make your chatbot 
respond to the answer? 



□ If you test your code, you'll now see that you get a 
response when you answer yes or no. Your chatbot 
• should reply with 'That's great to hear!' when you 
: answer yes (which is not case-sensitive), but will 
• reply with 'Oh no!' if you type anything else. 



□ 


You can 
use these 
costumes as 
part of your 
chatbot's 
response, 
by adding 
this code: 


Hey! What's your name? 


f 1 You can put any code inside an Q or 

# 

Chatter-a 


_J block, not just code to make your chatbot 


speak. For example, you can change the 

201x294 

2 


chatbot's costume to match the response. 

f 

Chatter-b 


If you have a look at your chatbot's 

142x294 

# 


costumes, you should see that there are 

/I 

Chatter-c 


four of them. (If not, you can always add 



more yourself!) 

f 

Chatter-d 


when this sprite clicked 
switch costume to Chatter-b 


and wait 


set 

name to answer psc'- & 

say 

join |Q name 

■3X2 

J 

ask 

join 

name and wait 

if 

answer = QJf 

then 

switch costume to 

Chatter-c 



I That's great to hear! I 


switch costume to Chatter-d 
sav i»WI for 0 secs 
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jhH 


Test out your program and you should see your chatbot's 
face change depending on the answer you give. 



■ TEST YOUR PROJECT 


STEP 4: CHANGING LOCATION 


You can also program your chatbot 
to change its location. 

□ Click on your stage and then click 
the Backdrops tab. You should see 
• that your stage has two backdrops. 

: Add another backdrop to your stage 
: if you can only see one. 


ScHptsBacJ 

New backdrop: 

a/<Ia a 

& 

"Ci'ifi 

Outside 
482x363 


2 



r 




Library 

482x362 





You can now program your chatbot to change 
location, by adding this code to your chatbot: 




































□ You also need to make sure that your chatbot is in 
its original location when you start talking to it. Add 
• this block to the top of your chatbot code: 




□ Test your program, and 
answer yes when asked 
• if you want to go to 
: the library. You should 
: see that the chatbot's 

| location has changed. 


Does your chatbot change location if you type no? 
What about if you type I'm not sure? 



□ You can also add this code inside your Q block, to 
make your chatbot jump up and down four times 
: if the answer is yes: 



□ Test your code again. Does your chatbot jump up 
and down if you answer yes? 














































MAKE YOUR OWN CHATBOT 

Program your chatbot to ask another question - 
something with a yes or no answer. Can you make 
your chatbot respond to the answer? 



Once you've finished making your chatbot, get your friends 
to have a conversation with it! Do they like your character? 
Did they spot any problems? 


Draw your own sprite and take a photo of it to 
= use in your Scratch project! 
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Chatbot 


Now You Could Make*. 

With the skills you've learned, try making these projects... 


Create a quiz that asks 
questions, and checks 
whether the player's 
answer is correct. A 
point is added to the 
player's score if they 
get a question correct. 


PAINT APP 


Use your mouse to draw 
on the stage! The hidden 
sprite will follow the 
mouse pointer, and the 
pen only draws if the 
mouse button is pressed. 



What is the capital of France? 


answer = 


and wait 
then 


say UiQfclslltial 

change score by ( 
else 
say 



GUESSING GAME 


A number between 1 and 100 is randomly 
chosen, and the player must try to guess the 
chosen number. You could even adapt the 
game to keep track of the number of guesses 
taken, so that you can play against your friends. 

when clicked 

set number to pick random O to tlffll 


I Can you guess the number I’m thinking of? I 



Want to learn 
about co-ordinates? 

Turn the page to 
make a fun game... 
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On Target 


Onfefct 

Learn how co-ordinates work in Scratch 
with a fun game 


Make a target 
shooting game! 




Aim well and learn how 
to use co-ordinates! 


In this chapter, you'll be learning 
how the co-ordinate grid works in 
Scratch by making a game. You'll 
learn how to accurately position 
sprites on the stage using x and 
y co-ordinates. You'll also learn 
how to work with variable 
slider inputs. Get ready to hit 
some targets! 











On Target 


FINISHED PROJECT 


Y 


(X:0,Y:180) 




(X:-240,Y:0) 



If the aiming circle 
lands on the target, 
your score increases 


(X:0,Y:0) 

■o - 



(X:240,Y:0) 

rSf' X 


Set the x and y 
co-ordinate sliders to the 
position of the target 




Click the aiming circle to 
send it to the (x, y) position 
you have chosen 


x coord KED 

y coord 


l J 


(X:0,Y:-180) 


STEP 1: THE CO-ORDINATES GRID 


Let's start by adding a co-ordinates grid backdrop. 


TIP! 

PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


□ Open a web browser and go to rpf.io/book-ontarget 
to open the On Target Scratch project. Click Remix. 

The project contains two sprites: a target for you to 
try to hit, and an aiming circle that will move to the 
co-ordinates you select. The target sprite is hidden 
at first; you'll use it later. 

Scratch uses co-ordinates to allow you to accurately 
position sprites on the stage. There's a backdrop to 
help you understand the co-ordinates grid. 


rpf.io/book-sl -assets 

• x and y 
co-ordinates 

Positioning 
a sprite 

• Slider inputs 






























On Target 


TIP! 

NEGATIVE 
NUMBERS 
ARE SMALLER 
THAN ZERO 


10 

9 

8 

7 

6 

5 

4 

3 

2 

1 

0 

-1 

-2 

-3 

-4 

-5 

-6 

-7 

-8 

■9 

-10 


> 


(/) 

o 


a> 

i— 

co 


a* 

N 


> 

o 

£ 

CO 

c/> 

Q) 


Q) 

> 

CO 

O) 

V 

c 

a> 

i— 

CO 


a> 

IM 

o 

£ 

_o 

Q) 

(/) 

a* 


^6 


Add the xy-grid backdrop 
to your project (keep the 
: blank backdrop). 


The co-ordinates of the 
stage run from -240 to 240 
along the x-axis, and -180 
to 180 along the y-axis. The 
co-ordinates of the centre are (x:0, y:0). 


V 

(X:0,Y: 180) 

> 

^0° 

s 


(X:-240,Y:0) 

► .. ^ . i 

(X:0,Y:0) 

(X:240,Y:0) 



X 

< _ 

(X:0,Y:-180) 



Scripts Backdrops Sounds 

New backdrop: 





The position (x:-200, y:-100) is towards the bottom 
left on the stage, and the position (x:200, y:100) is 
near the top right. 




Y (X:0,Y:180) 


(x:200, y:100) 






(X:-240,Y:0) 


(X:0,Y:0) 


(X:240,Y:0) 

^0° X 


•s 


(x:-200, y:-100) 


(X:0,Y:-180) 


































On Target 


0 HOWTO... 


USE CO-ORDINATES 

Try moving the mouse pointer around the stage and notice 
how the co-ordinates shown in the bottom right-hand 
corner change. 



You can use this to cheat in the game we're making! 

But if you switch to full-screen mode, you don't see the 
co-ordinates of the mouse cursor. 


The and QJgg 
Motion blocks take 
their default inputs 
from the current 
position of the sprite. 
This means you can 
move a sprite to the 
position you want it 
to go to and then just 
drag the block to the 
coding area. This is 
easier that working out 
the co-ordinates and 
entering them yourself. 







































On Target 


TIP! SET CENTRE 


The co-ordinates are 
based on the centre of 
the sprite. You can set 
this using the crosshair 
tool when you edit a 
costume for a sprite. 


r 

•9 

4 

Omt Aaj ftnport W S' O 

* 

FI 

/ 

\ 

□ 

o 

1 1 

% 

L_ 

0 

X 

_ J 


L 'o Q 

* I 



Add letters to the grid below to mark the following 
positions: A: (x:50, y: 50); B: (x:-100, y: -100); 
C: (x: -150, y: 100); D: (x: 175, y: -30) 



STEP 2: AIM AT (X f Y) CO-ORDINATES 


Now let's send the aiming circle to (x, y) co-ordinates. 


Add a variable called x coord to your Aim sprite and 
choose 'For all sprites'. A monitor for your variable 
• will appear on the stage. 






























On Target 



Double-click on the variable 
monitor for the x coord 
variable and it will change to 
just showing the number; this 
is called the 'large readout'. 




■\ 







Double-click on the 
variable monitor again and 
: it will turn into a slider. 


□ 


Drag the slider and watch 
the number change. 




The current smallest number for the slider is_ 

and the largest number value is_. 


You're going to use the slider to represent an 
x co-ordinate, so it needs to be able to change 
between -240 and 240. 




f 


"N 

g 

Right-click on the 
x coord variable monitor 

x coord 


l- - 

normal readout 



on the stage and choose 


large readout 



set slider min and max. 


slider 

set slider min and max 





hide 




L 




|| Set the Min to -240 and 

the Max to 240. 


x coord IEIB 




Slider Range 


Min: 

0 




Max: 

100 





OK 

Cancel 


— 



TIP! 1 

VARIABLE MONITOR 


When you create a new 
variable, a ‘variable 
monitor' appears on 
the stage showing 
its current value. You 
can show or hide the 
monitor on the stage 
by clicking the tick-box 
next to the variable. 


f Data 


| More Block? 


Make a Variable 




























































On Target 


TIP! 

SLIDER INPUTS 


A slider allows you 
to set a variable by 
moving a control. 
Sliders are useful for 
creating number inputs 
in Scratch. 


□ 


Difficulty 


-J- 


Try the slider out. Now you can set the x coord 
variable to values from 
-240 to 240, which 
corresponds to the range 
of the x-axis in Scratch. 



□ 


Now add a y coord 
variable for the y 
co-ordinate and change 
to the slider setting. 


□ 


Set the Min to -180 
and the Max to 180 
to match the range 
of the y-axis. 



□ 


Drag your x and y sliders to the bottom left of the 
stage. Make sure you place x on the left and y on the 
right, as co-ordinates are given in this order. 

"y" (X:0,Y:180) 


(X:-240,Y:0) 


m 


JC:0,V:0) 


(X:240,Y:0) 

X 


x coord ESP 

y coord B2B 



^ ^ 

y— 


(X:0,Y:-180) ^ 













































































Now add a script to your Aim sprite so that when 
you click it, it glides to the x coord and y coord 
shown on the variable sliders. 





when this sprite clicked 


► 

glide Q secs to x: x co 

ord y: y coord 1 





























On Target 


STEP 3: CAN YOU HIT THE TARGET? 


Now let's see if you can set the co-ordinates 
correctly to aim at the target. You'll score a 
point each time you hit the target. 




(§) DEBUG 


If your Aim sprite ends 
up behind your Target, 
add a CH 

block before changing 
the score. 


The CB 

Looks block puts a 
sprite on top of all the 
other sprites. 


| Right-click on the Target sprite below the stage and 
choose show. The sprite will appear on the stage. 


Sprites 



Aim 



New sprite: ^ / {■! & 



Add a score variable for all sprites and drag its stage 
monitor to the top right. 




Add a script to 
the Aim sprite to 
set the score to 0 
at the beginning 
of a game. 






J 











































On Target 


□ 


Add code to the Aim sprite to check whether it is 
touching the target after gliding. Either reward the 
player by saying 'Well done!' and adding a point to 
the score, or if they didn't hit the target, you can say 
'Oh dear!'. 


when this sprite clicked B • 


glide O secstox: x coord 

y: y coord 1 

if touching Target ? 

then Bt 

go to front B-T ^ r V 

change score byO B 


say for sec: 

5 

else 


say for G secs 

■■ ' 





TIP! DRAG IT 


If you want to try this 
out in full-screen 
mode, then you’ll need 
to allow the target to 
be dragged. Click on 
information (i) for the 
Target sprite and click 
the box next to ‘can 
drag in player'. 


TEST YOUR PROJECT 

Drag the target to a new position on the stage. Set the 
x and y co-ordinates to where you think the target is. 
Click on the aiming circle to move to the co-ordinates 
you have chosen and see if you got it right. 



If you click on the aiming circle now, 
will it touch the target?_ 



— 

-< 


° 

“Hi 

(X:-240,Y:0) 



, , j 


<§> 

x coord y coord 



(X:0,Y:-180) 


If you succeed then you will see 
a 'Well done!' message. 



























On Target 


TIP! BROADCAST 


To create a new 
block 

message, click its 
drop-down arrow and 
select ‘new message...". 



Now type a message 
into the Message Name 
field and click OK. 

New Message 

Message Name: go 

OK Cancel 


The new message 
will now appear in the 
block and 
will be also available in 
its drop-down list. 


STEP 4: MOVING TARGET 


Now let's get the target moving to a random position 
at the start of the game and at the end of each turn. 


□ 


Add a script to the Target sprite to go to a random 
position when it receives a go message. 


w 

when 

1 receive 

go 

go to 

random position 


L 



Add a block to the OSMEEBBSIscript of the 
Aim sprite to broadcast a go message. 




v 




□ 


when this sprite clicked 


Add code to the Aim sprite's I 
r* script to broadcast a go message at the end of a turn. 
















































TEST YOUR PROJECT 

Now you can try playing the game. Click the green flag to start. 
The target moves to a new position. Set the x and y sliders and 
then click the aiming circle to send it to that position. 

Did you hit the target? Have another go. Keep trying until you 
are good at it. 



CHALLENGE 


HIT IT 

Sometimes the target ends up on top of the sliders. That's 
annoying! Click the green flag lots of times without playing 
the game until you see the target on top of the sliders. 

Can you add code to the target sprite so that it moves to a 
new position if it ends up on top of the sliders? 

Start with this code and fill in the positions. 



■1 


when 1 receive go 

go to random position 

1 


repeat until x position 

>1 

go to random position 

■ 




or y position > 


You need the centre of the 
target to avoid landing in the 
highlighted rectangle. 

Test your code again by 
clicking the green flag lots 
of times and make sure it 
doesn't land on the sliders. 


(X:-240,Y:0) 


( X: II , 


y coord 


f 

I (Xll 



You can move the mouse to check the co-ordinates 
of positions on the stage. 


HINT! 


























On Target 


TOUCHING 

► ^ 

COLOUR? m 




The first colour in the 


color is touching? 


block is the colour on 
the sprite that the script 
belongs to; the second 
colour is on another 
sprite. Click on the 
colour box that you want 
to change and then click 
on that colour anywhere 
on the stage or editor. 



STEP 5: MORE POINTS FOR ACCURACY 


Now let's increase the score if you get your aim 
closer to the centre of the target. 


□ 


You're going to use the block to 

detect which part of the target the pink circle in the 
centre of the aiming circle is touching. 



You'll get 3 points if it's touching the yellow circle, 
2 points for red, and 1 point for blue. 


I Update the code on the Aim sprite so that it checks 
whether the centre of the sprite is touching the 
• target's yellow centre and rewards the player 
: with points and a different message: 




when this sprite clicked J 

glide O secs to x: x coord y: y coord 


if touching Target 




Click on the first colour and 
then click on the pink colour 
in the centre of the Aim 
sprite. Click on the second 
colour and then click on the 
yellow colour in the centre of 
the Target 


V, 
























On Target 


□ 


Update the code on the Aim sprite to detect when 
the pink circle touches the red ring to give 2 points. 




You need to add an if ...else 
block inside the else section 
of the previous block. Also, 
move the blocks in the 
previous block's else section 
to the else section of the 
new if ...else block. 


You don't need to check for the red ring being hit if 
you know that the player hit the yellow ring, so this 
code goes in the else section. 


Become a co-ordinates expert! Keep practising 
until you are really confident using co-ordinate grid 
positions in Scratch. 

Add a ‘turns' variable and see how many points you 
can score in 10 turns. 

Can you add instructions to your game that explain 
how co-ordinates work? You can record your own 
voice or type text into a sprite. 





















M 


(§) CHALLENGE 




TOO EASY FOR YOU? 



Try making the Aim sprite 
or Target smaller so you 
have to be more accurate. 



Try changing the 
backdrop to the plain 
one without the grid. 




C lf you like, you can add a script to the stage to switch 
between the backdrops when you press a key: 


when b key pressed 


next backdrop 


Hide the grid and switch to full-screen mode so that 
you can’t cheat by looking at the co-ordinates of the 
target. If you find you're not hitting the target, switch 
back to the grid backdrop and have a bit more practice. 
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0 HOWTO. 



| | Events 

| Looks 

| Control 

| Sound 

| Sensing 

| Pen 

| Operators 

| Data 

| More Blocks 


WORK WITH X AND Y POSITIONS 

Scratch has built-in variables for 
the x and y position of a sprite. 


Click Scripts and then Motion 
and you will see the x position 
and y position variables near 
the bottom. 

Just as with variables you create, 
you can click the tick-box to show 
these variables on the stage. 



Target: x pontior f 
Target y pontion f 


The variables will 
update when you drag 
the sprite around 
the screen. 

You can change the 
x and y position of a 
sprite separately using 
set and change blocks. 


10 


TIP! 

PICK RANDOM 


The 

pick random ^ 

block selects □ random 
number ranging from the 
value given in the first field 
to the value in the second 
field. If both values have no 
decimals, it will report , 
a whole number. A 




To send a sprite to a random y position, use: 


set y to pick random 




What numbers do you need in the following code 
to send a sprite to a random x position?: 



V 


89 
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ON TARGET FULL CODE LISTING 


STAGE 

A key press changes the backdrop. 


when b key pressed 



tnUKHltltl 



TARGET 

It's sent to a random position. 




when I receive go 

go to random position 



AIM 

When clicked, it's sent to the 
co-ordinates of the sliders. 




when this sprite clicked 
glide O secs to x: x coord y: y coord 
if touching Target thon 
go to front 
if color is touching ? then 
change score by H 


Awesome! IRT 5 


color is touching ? 
change score by© 


secs 


EH Great! [fin 5 


change score 


EH Not bad! i7!Ta 5 


EH Oh dear! [RW 5 


broadcast go 
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Now You Could Make 

With your new-found knowledge, you could try these projects. 

when clicked 


GLIDING GHOSTS 


Create an animation 
that uses co-ordinates 
to position 
sprites accurately. 


GRID PLOTTER 


Make a maths app that 
allows you to ask the user 
for co-ordinates and then 
stamp a sprite to plot the 
given co-ordinates. 




go to x: USE) y: 
glide O secs to x: 
glide O secs to x: 
set ghost effect to 


FALLING ROCKS 


Code a game where 
rocks always fall from the 
same y position (height), 
but random x positions. 

when clicked 
forever 

go to x: pick random 
repeat until y position 
change y by 



when clicked 
hide 
forever 
ask 

set x to answer 
ask 

set y to answer 
stamp 


What is the x coordinate? 


What is the y coordinate? 















Boat Race 


Boat Race 


Make your own racing game featuring colour¬ 
sensing collision detection and a timer 


Code an exciting 
racing game! 

Add speed boosts, a 
timer, and more! 



n this chapter, you'll learn 
how to control a boat 
sprite with the mouse. 
You will also discover 
how to sense when it 
hits an obstacle, by using 
touching color blocks. 











o □ 



STEP 1: CONTROLLING YOUR BOAT 


Program your boat sprite to follow 
the mouse pointer. 


In a web browser, go to rpf.io/book-boatrace to 

open the Boat Race project. Click the Remix button. 

You are going to control 
the boat with your 
mouse. Add this code 
to your Boat sprite: 



TIP! 

PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 



rpf.io/book-sl -assets 

































□ Test out your boat, by 
clicking the flag and 
• moving the mouse. 

: Does the boat sail 
• towards your mouse 

: pointer? When done, hit 

• the red Stop button. 



□ 


Have you noticed that the boat glitches if it reaches 
the mouse pointer? To stop this happening, you'll 
need to add an Q block to your code, so that the 
boat only moves if it is more than 5 pixels away 
from the mouse. 

Note: This uses a 


Operator 
block with 

Sensing block. 



□ Test out your boat again, to check that the problem 
has been fixed. When done, hit the Stop button 


STEP 2: CRASHING 


Your boat can sail through the wooden 
barriers! Let's fix that. 

You'll need two costumes for your 
boat: one normal costume, and one for 
when the boat crashes. Right-click on 
your boat costume to duplicate it, and 
name your costumes normal and hit. 



^cript^^CostJ 

New costume: 

❖ /fla a 


i 



normal 

185x104 

(5 0 



hit 

185x104 

V_ / 











































□ Click on your hit costume, and choose the Select 
tool to grab bits of the boat and move and rotate 
: them around. Make your boat look as if it's crashed. 


TIP! SELECT TOOL 



□ Add this code 
to your boat, 

| inside the 

3 loop, so 
: that it crashes 
: when it touches 
: any brown 
: wooden bits. 


This code 
is inside the 






J 


loop, 

so that your code keeps checking if the boat has 
crashed each time it moves. 



Using the 
Select tool, click and 
drag to select an area of the 
sprite. Drag the selected area to 
move it, or click its top 'handle' 
and drag left/right to 
rotate it. 



Note: To set the correct colour, click the colour 
square in the block, then click a 

part of the brown scenery on the stage. 


































□ 


You should 

also make sure 

- 

that your boat 
always starts 

switch costume to normal 

go to x: PBM y: PW»l 

forever ‘ 

a new game 
looking like it's 
'normal'. Add 

if distance to mouse-pointer 

point towards mouse-pointer 

move O steps By .<■.t, 'A 

this block to 
the start of your 
boat's script 
(outside of the 
^ block). 


if touching color ? then V 

switch costume to hit 

say for O secs 

switch costume to normal ||||| 

go to x: y: PH»1 




WINNING! 

Can you add another 
Q block to your boat's 
code, so that the player 
wins when they get to 
the desert island? 

When the boat gets 
to the yellow desert 
island, it should say 
'YEAH!' and then the 
game should stop. 





■ TEST YOUR PROJECT 

Now if you try to sail through a wooden barrier, 
your boat should crash and move back to the 
start. When finished, click the red Stop button. 




SOUND EFFECTS 

Can you add sound effects to your game, for when the 
boat crashes, or reaches the island at the end? You could 
even add background music (see the previous ‘Rock Band' 
project if you need help with this). 




W 



















STEP 3: TIME TRIAL 


Let's add a timer to your game, so that the player 
has to get to the desert island as fast as possible. 


r 1 Add a new variable 

f - 

Make a Variable 

L, called to your 




stage. You can also 




change the display 




of your new variable. 




If you need help, 
have a look at the 


Consul] 


'Ghost Catcher' 




project. 




. 

s 

Make a List 

_> 



Add this code to 
your Stage, so that 
the variable 
counts up, starting 
atO: 



n 

when clicked 

► 

1 

set time to Q 


forever 

d 

wait HU secs 

1 

change time 

by 1 




m 


■ TEST YOUR 

That's it! Test out 
your game and see 
how quickly you 
can get to the 
desert island! 



PROJECT 

























STEP 4: OBSTACLES AND POWER-UPS 


This game is far too easy - let's add things to make 
it more interesting! 



First let's add some 'boosts' to your game, which 
will speed up the boat. Click the Stage, then the 
Backdrops tab, and add some white booster arrows. 




You can now 
add some code 
to your boat's 


loop, 


so that it moves 
3 extra steps 
if touching a 
white booster. 



Test your new 
code. Does your 
boat speed up 
when it touches a 
white booster? 
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□ 


You can also add in a spinning gate, which your boat 
has to avoid. Draw a new sprite called Gate, which 
looks like this... 


Make sure that the 
colour of the gate is 
the same as the other 
wooden barriers. 





x: 240 y: 180 

Sprites 


New sprite: ^ ^ & 


B 


, boat 

Cate 






□ 


Set the centre of the 

gate sprite by clicking the Set costume centre 
button and clicking in the centre of the rectangle. 


mes Sounds 


[costumeT" 

\ 


'T 


*> <* 


Clear Add Import 



□ 


Add code to your gate, to make it spin slowly 
forever. Tip: Look at the code for the monkey sprite 
in the 'Lost in Space' project. 


■ TEST II 
YOUR ® 
PROJECT 

Test out your 
game. You should 
now have a 
spinning gate that 
you must avoid. 



Noooooo! 





























CHALLENGE 


MORE 

OBSTACLES! 

You could add green 
slime to your backdrop, 
which slows the player 
down when they touch 
it. You can use a 
block to do this: 



You could add another 
moving object, like a 
log or a shark! 


rl‘ 


These blocks may 
help you: 



If your new object isn't 
brown, you'll need to 
add to your boat code: 


CHALLENGE 


MORE BOATS! 

Can you turn your game into a race between two players? 


Duplicate the boat 
sprite and change 
its colour. 


*9 0* Oejr Add Import c 



Change Player 2's 
starting position, 
by changing 
this code: 


Delete the code that 
uses the mouse to 
control the boat: 

Replace it with code 
to control the boat 
using the arrow keys. 

This is the code 
you'll need to move 
the boat forward: 


-190 


-150 


if distance to 

mouse-pointer > Q then 

point towards r 

nouse-pointer ^ 

move O steps 





if key up arrow pressed? then 
move ® steps 


You'll also need code to turn the boat when the left and 
right arrow keys are pressed. 


if touching color ? or touching Shark ? then 

















































(§) CHALLENGE 


MORE LEVELS! 

Can you create additional backdrops, and allow the 
player to choose between levels? 

What will your new level look like? Sketch it out below 
and label the finish and any obstacles. 



r 


Draw a backdrop idea... 


Here's some 
code you 
can add to 
your Stage 
to switch 
between 
levels: 


r 


i 



when space 


next backdrop 



L. 


J 




V 












SfSTT 


BOAT RACE FULL CODE LISTING 



BOAT 

Steered using the mouse pointer, 
the boat must be guided safely 
around the course. 



This prevents glitching 
when the boat gets near 
the mouse pointer 



If the boat 
touches a brown 
object, it switches 
to its 'hit' costume 
to show a crash 


When the boat touches 
the yellow island, all 
scripts are stopped 



GATE 


This continually spinning gate 
provides a tricky obstacle. 



STAGE 

This code uses a variable to 
manage the on-screen timer. 


when clicked 


set time to I 


forever 


wait CD secs 


change time by 


El 






























On Target 


Now You Could Make~ 

You'll find lots more cool projects at rpf.io/ccprojects, including... 


ARCHERY 



BEAT THE GOALIE 




Create an archery game, 
in which you have to 
shoot arrows as close to 
the bull's-eye as you can. 


Create a football game in 
which you have to score 
as many goals as you can 
in 30 seconds. 


rpf.io/archery 


rpf.io/beat-the-goalie 


/Sr rf'T 


points 




Want some handy 
code snippets? 


Turn the page to find 
some useful scripts... 


ADA'S POETRY GENERATOR 


Learn how to create 
randomly generated 
poems! You will be 
using variables and 
selecting random 
items from lists 
in this poetic 
programming project. 

rpf.io/ada-poetry 























Useful Code 




This chapter lists some useful code 
that you can use in your projects 


Check out these 
code snippets! 


Try using them in your 
own projects! 


This reference guide 
contains useful Scratch 
scripts that you can 
incorporate into your own 
projects. Whatever you 
create, have fun coding! 


o o o 





















Useful Code 








Useful Code 


DESCRIPTION 


•]»] 


Drawing a square 



Keeping score 


when this sprite clicked 
change score by © 



Timer counting down 











Useful Code 


DESCRIPTION 


•]»] 


Timer counting up 



Asking a question 
and responding to 
the answer 



Storing the answer 
to a question in 
a variable 



Joining text together 



Hello 


name forO se 


8 



















Useful Code 


DESCRIPTION 


•]»] 


Jumping sprite 


when this sprite clicked 

repeatO 

changey by 

► 

wait l*4l secs 

► 

changey by 

► 

wait secs 


Following the mouse 


when clicked | 

forever 

go to mouse-pointer 




Glide to random 
stage co-ordinates 



Movement towards 
the mouse 




when clicked 

forever 

point towards mouse-pointer 


move if steps 









Useful Code 


DESCRIPTION 


Movement using 
the keyboard 


Check to see if 
a sprite has hit 
another sprite 


•]»] 


when left arrow key pressed 
point in direction 
moveO steps 


or., 










Puzzle Answers 


Puzzle Answers 
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Volume 1 


Learn to code using Scratch, 
the block-based programming 
language. In each chapter you'll find 
instructions to build cool games, 
animations, and interactive stories. 


Your friendly robot guide will aid 
you step-by-step through each 
project and give you handy tips 
along the way. 













